<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8" />
<title>在平安</title>
<meta name="description" content="中国平安" />
<meta name="keywords" content="中国平安" />
<meta content="width=640, target-densitydpi=320, user-scalable=no" name="viewport" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta content="telephone=no" name="format-detection" />
<link rel="stylesheet" type="text/css" href="../css/base.css">
<link rel="stylesheet" type="text/css" href="../css/public.css">
<script src="../js/zepto.min.js" type="text/javascript"></script>
<script src="../js/zepto-touch.js" type="text/javascript"></script>
<script src="../js/mywork/qjdwork.js"></script>
<script type="text/javascript" src="../js/public.js"></script>
<script src="../js/iscroll.js" type="text/javascript"></script>
<script src="../js/public.js" type="text/javascript"></script>
<style>
	#wrap{position: absolute;width: 100%;height: 100%;overflow:hidden;}
</style>
<script type="text/javascript">
	var myiscroll=null;
	$(document).ready(function(){
		var startDate,endDate,pin_take_num,yearMonth,empl_rcd = '';
		/*
		var url = location.href.split('?')[1];
		if(url!=null){
			var arr = url.split('&');
			for(var i = 0 ; i < arr.length;i++){
				var temp = arr[i];
				var tempArr = temp.split('=');
				var key = tempArr[0];
				if(key == "startDate"){
					startDate=tempArr[1];
				}
				if(key == "endDate"){
					endDate=tempArr[1];
				}
				if(key == "pin_take_num"){
					pin_take_num=tempArr[1];
				}
				if(key == "empl_rcd"){
					empl_rcd=tempArr[1];
				}
				if(key == "yearMonth"){
					yearMonth =tempArr[1];
				}
			}
		}
		*/
		startDate = getQueryParam("startDate");
		endDate = getQueryParam("endDate");
		pin_take_num = getQueryParam("pin_take_num");
		empl_rcd = getQueryParam("empl_rcd");
		yearMonth = getQueryParam("yearMonth");
		getData(startDate,endDate,pin_take_num,empl_rcd,'',yearMonth);
	});
</script>
</head>
<body>
<div id="wrap">
	<header class="top-bar">
		<div class="top-bar-cont">
			<span class="btn-bar-css btn-bar-back btn-bar-left"><i></i></span>
			<h1>假单</h1>
		</div>
	</header>
	<section id="content">
		<div id="qjdcontent" style="position: relative;">
		<div id="qjdshow" style="display:none;">
        <div class="row-info row-info-readonly">
            <ul class="row-info-list clr-list-first-line">
                <li>
                    <div class="info-list-name">提交时间：</div>
                    <div class="info-list-cont" id="action_dt_ss"></div>
                </li>
                <li>
                    <div class="info-list-name">审批时间：</div>
                    <div class="info-list-cont" id="approve_date"></div>
                </li>
                <li>
                    <div class="info-list-name">审批人：</div>
                    <div class="info-list-cont" id="assessor"></div>
                </li>
                <li>
                    <div class="info-list-name">状态：</div>
                    <div class="info-list-cont" id="status"></div>
                </li>
            </ul>
        </div>
        <div class="row-info row-info-readonly m-t18">
            <ul class="row-info-list clr-list-first-line">
                <li>
                    <div class="info-list-name">请假类型：</div>
                    <div class="info-list-cont" id="descr"></div>
                </li>
                <li>
                    <div class="info-list-name">起始时间：</div>
                    <div class="info-list-cont" id="startDate"></div>
                </li>
                <li>
                    <div class="info-list-name">结束时间：</div>
                    <div class="info-list-cont" id="endDate"></div>
                </li>
                <li>
                    <div class="info-list-name">非整日请假：</div>
                    <div class="info-list-cont" id="days_str"></div>
                </li>
            </ul>
        </div>
        <div class="row-info row-info-readonly m-t18">
            <ul class="row-info-list clr-list-first-line">
                <li id="bday">
                    <div class="info-list-name">开始日小时数：</div>
                    <div class="info-list-cont"><span id="begin_day_hrs"></span> <span class="fn-c-ccc">小时</span></div>
                </li>
                <li id="eday">
                    <div class="info-list-name">结束日小时数：</div>
                    <div class="info-list-cont"><span id="end_day_hrs"></span> <span class="fn-c-ccc">小时</span></div>
                </li>
                <li id="qjzxsli">
                    <div class="info-list-name">请假总小时数：</div>
                    <div class="info-list-cont"><span id="duration_abs"></span> <span class="fn-c-ccc">小时</span></div>
                </li>
                <li id="qjtsli">
                    <div class="info-list-name">请假天数：</div>
                    <div class="info-list-cont"><span id="qjts"></span> <span class="fn-c-ccc">天</span></div>
                </li>
            </ul>
        </div>
        <div class="row-info row-info-readonly m-t18">
            <ul class="row-info-list clr-list-first-line">
                <li>
                    <div class="info-list-name">请假原因：</div>
                    <div class="info-list-cont" style="word-break: break-all;" id="comments">临时因公外出</div>
                </li>
            </ul>
        </div>
        </div>
		<div id="loading" class="loading-mask">
            <div class="loading-mask-bg"></div>
            <div class="loading-mask-img"><img src="../images/loading.gif" width="70" height="70"></div>
        </div>
        </div>
    </section>
    <footer class="footer-fixed">
    	<div id="footershow" style="display:none;">
        <div class="footer-fixed-cont" id="cancel">
            <div class="footer-btn">
                <div class="btn-css btn-bg-ef554d">撤销</div>
            </div>
        </div>
        </div>
    </footer>
</div>

<div class="g-mask" id="GlobalMask">
    <div class="g-mask-bg"></div>
    <div class="g-mask-layout">
        <article class="g-mask-content">        
            <section class="g-mask-cont">
                <p>撤销此次请假吗？</p>
                <input type="hidden" id="transaction_nbr"/>
            </section>
            <footer class="g-mask-cont-btn">
                <div class="btn-css btn-left fn-c-999" id="MaskBtnCancel">放弃</div>
                <div class="btn-css btn-right fn-c-157efb" id="MaskBtnSubmit">撤销</div>
            </footer>
        </article>
    </div>
</div>
	<div class="g-mask" id="errorMask">
        <div class="g-mask-bg" id="errorBtncancel"></div>
        <div class="g-mask-layout">
            <article class="g-mask-content">
                <section class="g-mask-cont">
                    <p id="message"></p>
                </section>
            </article>
        </div>
    </div>
</body>
</html>